header {

 height: 70px; border-bottom:1px solid #ddd;}
	header h1#logo .logo-2 {
    display: inline-block;
}header h1#logo .logo-1{ display:none}
header h1#logo img {
    width: 179px;
}#mainmenu a{ color:#333;    padding-top: 20px }#mainmenu li.login a,#mainmenu li.reg a{    margin-top: 19px;
    line-height: 31px;}
header h1#logo{     line-height: 56px;}
#mainmenu a:hover{ color:#000}#mainmenu li.login a {
    border: 1px solid #6e6e6e;}
#mainmenu li.reg a {border: 1px solid #00cbff;
    color: #00cbff; background:#fff;}#mainmenu li.reg a:hover{ color:#fff;}#mainmenu li.login a{  padding-left:23px; padding-right:23px;}
	.col-login .first-child{   background: url(/static/frontend/images/reg_6.jpg) no-repeat;
    height: 25px;
    padding-left: 29px;
    margin-top: -5px;
    line-height: 27px;}
	.col-login .float-left a,.col-login .float-right a{ color:#999; font-size:12px; padding-top:5px;}
	.login-main{ min-height:500px;}
	.version-bread-crumbs { font-size:12px;}
	
	.version-bread-crumbs > .active,.version-bread-crumbs a{ color:#333}
	.panel-group .panel-heading > a {
    position: relative; color:#000; text-decoration:none;
    display: block;}.panel-group .panel-heading > a:after {
  position: absolute;
  right: 10px;
  height: 24px; top: 4px;
  width: 24px; content:url(/static/frontend/images/icon_down.png);

 
  text-align: center;
  line-height: 24px;


}
.panel-group .panel-heading > .collapsed:after {
content:url(/static/frontend/images/icon_left.png);
}
.panel-group .panel-heading > .no-menu:after,.panel-group .panel-heading  > .no-menu a:after{content: normal}


.panel-group .panel-heading.collapsed_active > a:after{ content:normal}
.product{ padding-left:25px; padding-right:25px;}
.product .panel{ background-color: inherit;border-radius:0px;-webkit-box-shadow:none;box-shadow:none}
.product .panel-body ul{    margin: 0px; padding-left:0px;  
     list-style: none; }.product .panel-body ul li a{ color:#666}
	
	.product .panel-body ul li{background:url(/static/frontend/images/reg_7.jpg) no-repeat 4px 9px; padding-left: 18px; line-height:30px  }
	.product .panel-body { padding:10px}
	.product .panel .panel-heading{ padding:0px}
	.panel-group .panel-heading + .panel-collapse .panel-body{ border:none }
	.panel-group .panel-heading > a{background:#eee; border:none; border-left:3px solid #238efa; padding-left:15px;line-height:35px }
	.panel-group .panel-heading > a.collapsed{background: none; border:none; line-height:35px}
	
.col-pr-main{ border: 1px solid #ececec;background:url(/static/frontend/images/reg_9.png) repeat-y 25% 0px #fff ; padding-top:25px; padding-bottom:25px; min-height:500px}
.version-abus-head {
    height: 50px;
    margin: 0 10px;    margin-top: -18px;
    font-size: 18px;
    border-bottom: solid 1px #ececec;    margin-bottom: 20px;
}.version-abus-head .version-abus-head-flag {
    display: inline-block;
    height: 50px;
    line-height: 60px;
    text-align: center;
    color: #333;
    border-bottom: solid 3px #53a0e3;    padding: 0px 10px;
}
.version-abus-company-l {

    font-size: 14px;
    color: #333;
    line-height: 26px; padding:0px 10px}.version-abus-company-l p{ text-indent:2em}
	.doc_left_li li{    list-style: none; margin-bottom:3px;}.doc_left_li ul{ margin:0px;    padding: 0px;}
	.doc_left_li li a{ line-height:35px; display:block; color:#333; border-left:3px solid #fff;padding-left:20px;}
	.doc_left_li li a:active,.doc_left_li li a:visited,.doc_left_li li a:focus { text-decoration:none}
	.doc_left_li li a:hover,.doc_left_li li.active a{ background: #eee;
 
    border-left: 3px solid #238efa; padding-left:25px; text-decoration:none}
	.findpass .first-child{background: url(/static/frontend/images/reg_10.png) no-repeat 0px 1px;}
	@media only screen and (max-width: 767px) {
		
		
		
		header.smaller {    min-height: 70px;
    height: auto; background:#1989fa}
		
		header h1#logo .logo-2 {
   display:none
}header h1#logo .logo-1{  display: inline-block;    padding-top: 32px;}header h1#logo { height:90px;}
#mainmenu li.login a{  border:none;margin-top:0px}
#mainmenu li.reg a {
    border: none;
    color: #fff;
    background: none;
margin-top:0px}
#mainmenu li.reg a:hover {    color: #1989fa;}
.col-pr-main{ background-image:none}
.product{ border-bottom:1px dashed #ddd;}

		}

.index_header{   box-shadow: none; height: auto;border-bottom: none; padding-top:18px; }
.index_header h1#logo .logo-2{ display:none}
.index_header  h1#logo .logo-1{ display:inline-block;    width:194px;}
.index_header  #mainmenu a{ color:#ececec; cursor:pointer}
.index_header  #mainmenu a:hover{ color:#fff}
.index_header #mainmenu li.login a {
    border: 1px solid #fff;    padding: 0px 29px;
    margin: 20px 15px 0px 20px;
}
.index_header #mainmenu li.reg a {

    color: #fff;
    background: #00cbff;    padding: 0px 32px;
    margin-top: 20px;
}
@media only screen and (max-width: 992px) {.index_header #mainmenu li.login a{border:none;
     padding: 0px;
  margin:0px;    padding-left: 20px;}#mainmenu li.login a, #mainmenu li.reg a{ margin-top:0px;}header nav{ float:none;    padding-top: 14px;

   }.index_header{ padding-bottom:18px;}
  #menu-btn {
 
    top: 0px;    padding-bottom: 0px;
}.index_header #mainmenu li.reg a{ background:none;    padding: 0px;
  margin-top: 0px; padding-left: 20px;  border:none}
  .index_header #mainmenu a:hover,#mainmenu li.reg a:hover{    color: #1989fa;}.index_header h1#logo .logo-1{ margin-top:12px; margin-bottom:9px;}
  }
@media only screen and (max-width: 767px) {
    .index_header{ padding-top:0px;    padding-bottom: 0px;} #menu-btn {
 
    top: 14px;
}
    .index_header #mainmenu li.login a {
        border: none;
        padding: 0px;
        margin: 0px; padding-left:20px
    }
    .index_header #mainmenu li.reg a {
        color: #fff;
        background: none;
        padding:  0px;
        margin-top:0px;padding-left:20px
    }.index_header #mainmenu a:hover,.index_header #mainmenu li.reg a:hover{color:#1989fa}
	
	
	.logo-smaller h1#logo .logo-1{ display:inline-block; height:66px;}
	.logo-smaller h1#logo .logo-2{ display:none}
	header.smaller #mainmenu li.login a{ border:none; margin:0px; padding:0px;    padding-left: 20px;}
	header.smaller #mainmenu li.login a:hover,header.smaller #mainmenu li.reg a:hover{ border:none; background:#fff;color:#1989fa}
	header.smaller #mainmenu li.reg a{ margin-top:0px; border:none; color:#fff;}
	header.smaller #mainmenu a{ color:#fff;}header nav{ float:none}#mainmenu a {

    padding-top: 5px ;
    padding-bottom: 5px 
}.index_header h1#logo .logo-1{ margin:0px}


}

